<?php
if (!defined('BASEPATH'))
    exit('No direct script access allowed');

$this->load->helper('html');
?>



<!-- JavaScript -->
<script type="text/javascript" src="<?= base_url() ?>js/wufoo.js"></script>
<script src="<?= base_url() ?>js/jscal2.js"></script>
<script src="<?= base_url() ?>js/lang/en.js"></script>
<style type="text/css">
<!--
.gaya{	
	font-size:13px;
	text-align:left;

} 
.judul{	
	font-size:13px;
	text-align:center;
	font-weight: bold;
	background-color:black;
	border-style:solid;
} 
.gaya2{	
	font-size:14px;
	text-align:right;
	font-weight: bold;
} 
.gaya3{	
	font-size:14px;
	text-align:center;
	background-color:grey;
	border-style:solid;
} 

-->
</style>
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="<?= base_url() ?>css/form/form.css" media="screen, tv, projection" title="Default" />
<link rel="stylesheet" type="text/css" href="<?= base_url() ?>css/jscal2.css" />
<link rel="stylesheet" type="text/css" href="<?= base_url() ?>css/border-radius.css" />
<link rel="stylesheet" type="text/css" href="<?= base_url() ?>css/steel/steel.css" />


<div id="container">
    <fieldset class="fieldset" style="height:310px;">
        <legend class="legend">

		| Laporan Statistika |</legend>

        <div id="contentform" style="border:solid thin #BBBBBB; height:280px; background-color:#F9F9F9; -moz-border-radius: 5px;  padding-top:10px; padding-bottom:0.3px; margin-right:100px; margin-left:100px;">
			<?
			  $value = array(
                'awal' => "",
                'akhir' => "",
                'act_form' => "stat_evaluasi/tampil/"
            );

			
			?>
           
            <?= form_open_multipart($value["act_form"]); ?>
            <!-- End value -->

            <table width="647" border="0" bordercolor="#F0F0F0">
                <tr>
                    <td width="605" height="150">
                        <form id="form1" name="form1" method="post">
                            <div align="center">
                                <table width="400" border="0">
								<tr>
								<td class="judul" colspan="2"><p style="color:white;">Cari Berdasarkan Tanggal</p></td>
								</tr>
								<tr>
								<td colspan="2">&nbsp;</td>
								</tr>								
									<tr>
                                        <td width="90">Mulai</td>
                                        <td><input id="awal" name="awal" readonly="true" size="20" value="<?= $value['awal'] ?>"/><input id="f_btn1" type="button" name="Submit22" value="" onclick="awal.value=''"/></td>
										<td><? echo form_error('awal');?></td>
									</tr>
									<tr>
                                        <td>Hingga</td>
                                        <td><input id="akhir" name="akhir" readonly="true" size="20" value="<?= $value['akhir'] ?>"/><input id="f_btn2" type="button" name="Submit22" value="" onclick="akhir.value=''"/></td>
										<td><? echo form_error('akhir');?></td>
									</tr>
									<tr>
									<td>&nbsp;</td>
									<td>&nbsp;</td>
									</tr>
                                    <tr>
                                        <td height="28">&nbsp;</td>
                                        <td>
                                            <div align="left">
                                                <input type="submit" name="Submit" value="Cari" />
												<input type='button' value='Kembali' onclick='javascript:history.back();'>
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </form>        
                        <p align="center">&nbsp;</p></td></tr>
            </table>
        </div>
        <p>&nbsp;</p>
	<script type="text/javascript">//<![CDATA[

      var cal = Calendar.setup({
          onSelect: function(cal) { cal.hide() }
      });
      cal.manageFields("f_btn1", "awal", "%Y-%m-%d");
      cal.manageFields("f_btn2", "akhir", "%Y-%m-%d");


    //]]></script>	
		
    </fieldset>
</div> 
<p>
    <!--container-->
</p>
<p>&nbsp; </p>
